<template>
    <div id="app">
      <Header />
      <router-view class="main-content"/>
      <el-footer class="footer">© 2025 My Blog. All rights reserved.</el-footer>
    </div>
  </template>
  
  <script setup>
  import Header from '@/components/Header.vue'
import { onMounted } from 'vue'; // 导入 onMounted 钩子
  onMounted(() => {
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = '//js.users.51.la/21963793.js';
  document.body.appendChild(script);
});
  </script>

  <style lang="scss">
  #app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    
    .main-content {
      flex: 1;
      padding: 20px;
      max-width: 1200px;
      margin: 0 auto;
      width: 100%;
    }
    
    .footer {
      text-align: center;
      padding: 20px;
      background-color: #f5f7fa;
    }
  }
  </style>